@function r($px) {
    @return $px/40*1rem;
}
body,html{
    height: 100%;
    width: 100%;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;
      .beijing {
         
       top: 0;
      position: fixed;
        z-index: 999999;
//      position: fixed;
        width: 100%;
        background-color: #b20000;
        height: r(90);
        .hanbao {
            position: absolute;
            top: r(28);
            img {
                width: r(40);
                height: r(40);
            }
        }
        .gimc {
            text-align: center;
            padding-top: r(30);
            img {
                width: r(265);
            }
        }
        .shous {
            position: absolute;
            top: r(30);
            right: r(10);
            border: r(2) solid white;
            border-radius: 50%;
            width: r(30);
            height: r(30);
            label{
                display: inline-block;
                height: r(30);
            }
            img {
                width: r(30);
                height: r(30);
                vertical-align: top;
                
               
            }
        }
        .yuan{
            position: absolute;
            top: r(20);
            left: r(20);
            border-radius: 50%;
            background: red;
            width: r(23);
            height: r(23);
            text-align: center;
            span{
                font-size:r(12);
                color: white;
                vertical-align: top;
            }
        }
    }
    .litou{
 .header_1{
     position: relative;
     >div{
         width: 100%;
         padding-top: 13%;
         img{
             width: 100%;
         }
     }
 }
   .wenz{
       width: 100%;
         position: absolute;
         top: 31%;
         z-index: 101;
         height: 8%;
         width: 100%;
         background: rgba(120,120,120,0.5);
         p{  
             padding-top: r(15);
             font-size:r(28);
             color: #FFFFFF;
             padding-left: r(30);
         }
         ul{
             font-size: 0;
             padding-left: r(30);
             li:nth-child(2){
                 width: 38%;
                 font-size:r(12);
             }
              li:nth-child(4){
                 width: r(180);
             }
             li{
                 color: #FFFFFF;
                 vertical-align: middle;
                 font-size:r(15);
                 display: inline-block;
                 width: r(22);
                 img{
                     width: r(23);
                     height: r(23);
                 }
             }
         }
     }
     .KIMIN{
       
         width: 95%;
         position: relative;
         ul{
             padding-left: r(30);
             li:nth-child(1){
                 width: r(65);
                 height: r(65);
                 background: #898989;
                 border-radius:50%;
             }
              li:nth-child(2){
                 span{
                     color: #c5c5c5;
                     font-size: r(30);
                 }
                 p{
                     color: #c5c5c5;
                     font-size: r(15);
                 }
             }
              li:nth-child(3){
                  background: #b20000;
                  padding-left: r(15);
                  padding-right: r(15);
//              margin-left: r(100);
                   position: absolute;
                   right: 0;
                   bottom: 0;
                 .baoming{
                     display: inline-block;
                     text-align: center;
                     span{
                         color: white;
                         font-size: r(42);
                     }
                 }
                 .dayu{
                     display: inline-block;
                     background: white;
                     border-radius: 50%;
                     width: r(42);
                     height: r(42);
                     text-align: center;
                     vertical-align:middle;
                     span{
                         color: #b20000;
                     }
                 }
             }
             li{
                 display: inline-block;
                 vertical-align:bottom;
             }
         }
     }
     .gaoduan{
         padding-top: 1%;
         width: 100%;
         
         p{
             font-size: r(27);
             padding-left: r(38);
             span{
                 font-size: r(12);
                 padding-left: r(160);
             }
         }
     }
     .cunzai{
         text-align: center;
         width: 100%;
         a{
             display: inline-block;
         img{
             width: 92%;
             }
         }
        
     }
 }
    /////
       .foot {
        width: 100%;
        z-index: 10;
        height: r(100);
        position: fixed;
        bottom: 0;
        margin-top: r(-18);
        background: #f5f5f5;
        ul {
            margin-bottom: 0;
            padding-left: r(5);
            text-align: center;
           padding-top: r(6);
             li:nth-child(4){
                    p{
                        color:#b80a0e;
                    }
                }
            li {
                height: r(50);
                display: inline-block;
                padding-top: r(1);
                width: 18%;
                text-align: center;
                a{
                    display: block;
                    width: 100%;
                    height: 100%;
                }
               
                img {
                    width: r(40);
                    height: r(40);
                }
                p {
                    font-size: r(18);
                    color: #8b8b8b;
                }
            }
        }
    }
    .jiazai{
        color: #bbbbbb;
        font-size: r(28);
        text-align: center;
        margin-bottom: r(50);
        margin-top: r(50);
    }
   

    
    
    
    
    
    
    
  ////
}
